@import 'mixin';

.icon {
    @include wh(1rem, 1rem);
}

.icon_home {
    @include bis('../../images/home.png');
}

.icon_home_black {
    @include bis('../../images/home-black.png');
}

.icon_category {
    @include bis('../../images/category.png');
}

.icon_brand {
    @include bis('../../images/brand.png');
}

.icon_cart {
    @include bis('../../images/cart.png');
}

.icon_cart_black {
    @include bis('../../images/cart-black.png');
}

.icon_profile {
    @include bis('../../images/profile.png');
}

.icon_profile_2 {
    @include bis('../../images/profile-2.png');
}

.icon_search {
    @include bis('../../images/search.png');
}

.icon_back {
    @include bis('../../images/back.png');
}

.icon_choose {
    @include bis('../../images/choose.png');
}

.icon_choosed {
    background-image: url('../../images/choosed.png') !important;
}

.icon_order {
    @include bis('../../images/order.png');
}

.icon_order_paying {
    @include bis('../../images/order-paying.png');
}

.icon_order_delivering {
    @include bis('../../images/order-delivering.png');
}

.icon_order_finished {
    @include bis('../../images/order-finished.png');
}

.icon_address {
    @include bis('../../images/icon-address-red.png');
    // @include bis('../../images/icon-address-blue.png');
}

.icon_location {
    @include bis('../../images/location.png');
}

.icon_coupon {
    @include bis('../../images/icon-coupon.png');
}

.icon_balance {
    @include bis('../../images/icon-bal.png');
}

.icon_config {
    @include bis('../../images/icon-conf.png');
}

.icon_more {
    @include bis('../../images/more.png');
}

// .icon_home {
//     display: block;
//     @include spr('../../images/nav_icon_spr.png');
//     background-position-y: -7rem;
//     &.active {
//         background-position-y: -6rem;
//     }
// }

// .icon_category {
//     display: block;
//     @include spr('../../images/nav_icon_spr.png');
//     background-position-y: -1rem;
//     &.active {
//         background-position-y: 0rem;
//     }
// }

// .icon_cart {
//     display: block;
//     @include spr('../../images/nav_icon_spr.png');
//     background-position-y: -3rem;
//     &.cart {
//         background-position-y: -2rem;
//     }
// }

// .icon_profile {
//     display: block;
//     @include spr('../../images/nav_icon_spr.png');
//     background-position-y: -5rem;
//     &.cart {
//         background-position-y: -4rem;
//     }
// }


